<span class="mdc-chip__ripple"></span>

<span matRipple class="mat-mdc-chip-ripple"
     [matRippleAnimation]="_rippleAnimation"
     [matRippleDisabled]="_isRippleDisabled()"
     [matRippleCentered]="_isRippleCentered"
     [matRippleTrigger]="_elementRef.nativeElement"></span>

<div role="gridcell">
  <div #chipContent tabindex="-1"
       class="mat-chip-row-focusable-text-content mat-mdc-focus-indicator">
  	 <ng-content select="mat-chip-avatar, [matChipAvatar]"></ng-content>
  	 <span class="mdc-chip__text"><ng-content></ng-content></span>
  	 <ng-content select="mat-chip-trailing-icon,[matChipTrailingIcon]"></ng-content>
  </div>
</div>
<div role="gridcell" *ngIf="removeIcon">
  <ng-content select="[matChipRemove]"></ng-content>
</div>
